<template>
    <el-main>
<!--        <transition :name="transitionName">-->
            <router-view></router-view>
<!--        </transition>-->
    </el-main>
</template>

<script>
    export default {
        name: "Main",
        //data () {
        //    return {
        //        transitionName: 'slide-left',
        //    }
        //},
        //watch: {
        //    '$route' (to, from) {
        //        const toDepth = to.path.split('/').length;
        //        const fromDepth = from.path.split('/').length;
        //        this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left';
        //    }
        //},
        methods: {
            goBack () {
                console.log('go.back')
            }
        },
    }
</script>

<style scoped>

</style>
